// 源插件
import React, { PureComponent } from 'react';
import { DateDiff, DateStamp, FormatnumberZero, Mover, NumberDivide } from '@/function.js';
// 视图插件
import { Card } from 'antd';
// 外部组件
import PageHeaderWrapper from '@/components/PageHeaderWrapper';
import StandardTablePro from '@/components/UpgradeStandardTable/StandardTablePro';
// css OR less预编译器

// 图片

class Test extends PureComponent {
  componentWillMount() {}

  /**
   *  Describe:当前状态
   *  Created by xjc on 2019/5/15
   */

  state = {
    listLoading: false, // 加载状态
    dataSource: {
      title: 'Test',
      code: 1,
      data: [{ name: '1', number: 2 }, { name: '2', number: 20 }],
      total: ['number'],
      columns: [
        {
          type: 'string',
          title: 'name',
          dataIndex: 'name',
          width: 100,
          sorter: true,
          filters: true,
          // filters:false/props,
          // render:false/自定义,
          // search:true,
          // editable:false/true
        },
        {
          type: 'number',
          title: 'number',
          dataIndex: 'number',
          width: 100,
          sorter: true,
          // filters:false/props,
          // render:false/自定义,
          // search:true,
          editable: true,
        },
      ],
    },
  };

  dataSourcechange() {
    // [
    //   /*{
    //     title: '编号',
    //     dataIndex: 'id',
    //     align: 'center',
    //     width:60,
    //     sorter: (a, b) => a.id - b.id,
    //   },*/
    //   {
    //     title: '期权代码',
    //     dataIndex: 'code',
    //     width:80,
    //     align: 'center',
    //     sorter:(a, b) => {
    //       if(record[dataIndex]==='合计'){
    //         return false;
    //       }else {
    //         let c = [a.code, b.code].sort();
    //         if (c[0] === a.code) {
    //           return 1;
    //         } else {
    //           return -1;
    //         }
    //       }
    //     },
    //     ...this.getColumnSearchProps('code'),
    //   },
    //   {
    //     title: '交易日',
    //     width:80,
    //     dataIndex: 'date',
    //     align: 'center',
    //     sorter: (a, b) => DateStamp(a.date ) - DateStamp(b.date ),
    //     render: (value, row, index) => {
    //       return <span >{typeof value === 'string'?value.split(' ')[0]:''}</span>
    //     }
    //   },
    //   {
    //     title: '操作类型',
    //     dataIndex: 'type',
    //     width:60,
    //     align: 'center',
    //     filters: [
    //       {
    //         text: 'SP',
    //         value: '1',
    //       },{
    //         text: 'SC',
    //         value: '2',
    //       },{
    //         text: 'BP',
    //         value: '3',
    //       },{
    //         text: 'BC',
    //         value: '4',
    //       },
    //     ],
    //     onFilter: (value, record) => {
    //       if (record.type!==undefined){
    //         return record.type.toString().indexOf(value) === 0
    //       }
    //     },
    //     render: (value, row, index) => {
    //       return <span>{ value===1? 'SP' :  value===2? 'SC' : value===3? 'BP' : value===4? 'BC' : null}</span>
    //     }
    //   },
    //   {
    //     title: '到期日',
    //     width:80,
    //     dataIndex: 'expiriration',
    //     align: 'center',
    //     sorter: (a, b) => DateStamp(a.expiriration) - DateStamp(b.expiriration),
    //     render: (value, row, index) => {
    //       return <span >{typeof value === 'string'?value.split(' ')[0]:''}</span>
    //     }
    //   },
    //   {
    //     title: '执行价',
    //     width:80,
    //     dataIndex: 'stikeprice',
    //     align: 'center',
    //     sorter: (a, b) => a.stikeprice - b.stikeprice,
    //   },
    //   {
    //     title: '成交价',
    //     width:80,
    //     dataIndex: 'premium',
    //     align: 'center',
    //     sorter: (a, b) => a.premium - b.premium,
    //   },
    //   {
    //     title: '合约数',
    //     width:80,
    //     dataIndex: 'contracts',
    //     align: 'center',
    //     sorter: (a, b) => a.contracts - b.contracts,
    //   },
    //   {
    //     title: '总权利金',
    //     width:80,
    //     dataIndex: 'totalpremium',
    //     align: 'center',
    //     sorter: (a, b) =>   {
    //       if(record[dataIndex]==='合计'){
    //         return -1;
    //       }else {
    //         return a.totalpremium - b.totalpremium
    //       }
    //     },
    //   },
    //   {
    //     title: '敞口',
    //     width:80,
    //     dataIndex: 'openpotential',
    //     align: 'center',
    //     sorter: (a, b) => a.openpotential - b.openpotential,
    //   },
    //   {
    //     title: '所属人',
    //     width:80,
    //     dataIndex: 'uploader',
    //     align: 'center',
    //     filters: uploaderFilters,
    //     onFilter: (value, record) => {
    //       return record.uploader === null ? false : record.uploader.includes(value)
    //     },
    //   },
    //
    //   /*{
    //     title: '市场价',
    //     dataIndex: 'marketprice',
    //     align: 'center',
    //     width:80,
    //     sorter: (a, b) => a.marketprice - b.marketprice,
    //   }, */
    //
    //
    //
    //
    // ]
    this.setState({
      dataSource: {
        title: 'Test',
        code: 1,
        data: [{ name: '1', number: 2 }, { name: '2', number: 20 }, { name: '2', number: 20 }],
        total: ['number'],
        paging: true,
        columns: [
          {
            type: 'string',
            title: 'name',
            dataIndex: 'name',
            width: 100,
            sorter: true,
            // filters:false/props,
            // render:false/自定义,
            search: true,
            // editable:false/true
          },
          {
            type: 'number',
            title: 'number',
            dataIndex: 'number',
            width: 100,
            sorter: true,
            // filters:false/props,
            // render:false/自定义,
            // search:true,
            editable: true,
          },
        ],
      },
    });
  }

  render() {
    return (
      <PageHeaderWrapper title="Test">
        <Card>
          <button onClick={this.dataSourcechange.bind(this)}>11111</button>
          <br />
          <br />
          <StandardTablePro dataSource={this.state.dataSource} />
        </Card>
      </PageHeaderWrapper>
    );
  }

  componentDidMount() {}

  componentWillUnmount() {}
}

export default Test;
